<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Jumlah Penambahan Bangku Kelas - Propinsi Kalimantan Timur</title>

        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
        <script type="text/javascript">
            $(function() {
                $('#container').highcharts({
                    chart: {
                        type: 'column'
                    },
                    title: {
                        text: 'Jumlah Penduduk Berdasarkan Wilayah'
                    },
                    subtitle: {
                        text: 'Banyuwangi'
                    },
                    xAxis: {
                        categories: [
                            'Pesanggaran',
                            'Siliragung',
                            'Bangorejo',
                            'Purwoharjo',
                            'Tegaldlimo',
                            'Muncar',
                            'Cluring',
                            'Gambiran',
                            'Tegalsari',
                            'Glenmore',
                            'Kalibaru',
                            'Genteng',
                            'Srono',
                            'Rogojampi',
                            'Kabat',
                            'Singojuruh',
                            'Sempu',
                            'Songgon',
                            'Glagah',
                            'Licin',
                            'Banyuwangi',
                            'Giri',
                            'Kalipuro',
                            'Wongsorejo'
                        ],
                        labels: {
                            rotation: -70,
                            style: {
                                fontSize: '13px',
                                fontFamily: 'Verdana, sans-serif'
                            }
                        }
                    },
                    yAxis: {
                        min: 0,
                        title: {
                            text: 'Jumlah (orang)'
                        }
                    },
                    tooltip: {
                        headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
                        pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
                                '<td style="padding:0"><b>{point.y:.0f} orang</b></td></tr>',
                        footerFormat: '</table>',
                        shared: true,
                        useHTML: true
                    },
                    plotOptions: {
                        column: {
                            pointPadding: 0.2,
                            borderWidth: 0
                        }
                    },
                    series: [{
                            name: 'Jum Penduduk',
                            data: [49009, 45002, 60239, 65793, 61987, 130270, 71064, 59155, 46820, 70297, 61820, 84054, 88353, 93546, 67778, 45835, 72106, 50878, 34509, 28184, 107305, 28866, 76800, 75108],
                            dataLabels: {
                                enabled: true,
                                rotation: -90,
                                color: '#000000',
                                align: 'right',
                                x: 4,
                                y: -50,
                                style: {
                                    fontSize: '13px',
                                    fontFamily: 'Verdana, sans-serif',
                                    textShadow: '0 0 1px black'
                                }
                            }

                        }]
                });
            });


        </script>
        <link href="../../../static/css/css_style.css" rel="stylesheet" type="text/css" media="screen">
        <link href="../../../static/documentation/assets/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" media="screen">
    </head>
    <body>
        <script src="../../js/highcharts.js"></script>
        <script src="../../js/modules/exporting.js"></script>

        <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
        <div style="margin-top: 40px">
            <table class="table table-striped">
                <tr><th>Kecamatan</th><th>Jum Penduduk</th></tr>
                <tr><td>Pesanggaran</td><td>49,009</td></tr>
                <tr><td>Siliragung</td><td>45,002</td></tr>
                <tr><td>Bangorejo</td><td>60,239</td></tr>
                <tr><td>Purwoharjo</td><td>65,793</td></tr>
                <tr><td>Tegaldlimo</td><td>61,987</td></tr>
                <tr><td>Muncar</td><td>130,270</td></tr>
                <tr><td>Cluring</td><td>71,064</td></tr>
                <tr><td>Gambiran</td><td>59,155</td></tr>
                <tr><td>Tegalsari</td><td>46,820</td></tr>
                <tr><td>Glenmore</td><td>70,297</td></tr>
                <tr><td>Kalibaru</td><td>61,820</td></tr>
                <tr><td>Genteng</td><td>84,054</td></tr>
                <tr><td>Srono</td><td>88,353</td></tr>
                <tr><td>Rogojampi</td><td>93,546</td></tr>
                <tr><td>Kabat</td><td>67,778</td></tr>
                <tr><td>Singojuruh</td><td>45,835</td></tr>
                <tr><td>Sempu</td><td>72,106</td></tr>
                <tr><td>Songgon</td><td>50,878</td></tr>
                <tr><td>Glagah</td><td>34,509</td></tr>
                <tr><td>Licin</td><td>28,184</td></tr>
                <tr><td>Banyuwangi</td><td>107,305</td></tr>
                <tr><td>Giri</td><td>28,866</td></tr>
                <tr><td>Kalipuro</td><td>76,800</td></tr>
                <tr><td>Wongsorejo</td><td>75,108</td></tr>
            </table>
        </div>
    </body>
</html>
